/* gewwiki css styles */

/* 
============================================================================
============================================================================
hdWrapper styles - this div wraps the entire header on the page
============================================================================
============================================================================
*/
#idHeaderWrapper {
}
/* the header is held in a table to deal with browser CSS support issues 
    WRT Divs
*/
/* hd is the header table */
#idHD {
    width: 100%;
    background: url(/static/img/headergrad2.png);
}
/* hdLogo wraps the table cell holding the logo proper */
#idHDLogo {
    width: 80px;
}
#idHDLogo img {
    width: 80px;
    height: 80px; 
    border: medium none;
}
/* hdTitle is the title line */
#idHDTitle {
    font-family:Georgia,serif; 
    font-size: 20pt; 
    color: white;
}
/* hdGreeting holds the user greeting text */
#idHDGreeting {
    width: 15%; 
    color: white;
    font-size: 108%;
    font-weight: bold;
    padding-right: 1em;
    padding-top: .5em;
    vertical-align: top;
}
#idHDCopyright {
    color: white;
    font-size: 108%;
    font-weight: normal;
}
/*
============================================================================
============================================================================
navigation bar styles
============================================================================
============================================================================
*/
.navBar {
    margin: 0px;
    padding: 0px;
    border: 0px;
    background-color: white;
}
.navButton {
    float: left;
    list-style: none;
    margin-right: 5px;
    padding: 0px;
    height: 24px;
    display: block;
    border: 0px solid blue;
    text-align: center;
}
.navButton a {
    border: 0px solid #B0C4DE;
    text-decoration: none;
    margin: 0px;
    padding: 2px;
    color: navy;
    font-weight: normal;
}
.navButton a:link, .navButton a:visited {   /* make navButtons links the same regardless of visited */
    display:block;
    border: 0px solid #CCCCCC;
    text-decoration: none;
    color: navy; 
    font-weight: normal;
}
.navButton a:hover {
    background: lightskyblue;
    border: 0px solid lightskyblue;
    text-decoration: none;
    color: navy;
    font-weight: normal;
}
.navButton img {
    margin-left: 6px;
    border: 0px;
    margin-right: 6px;
    width: 24px;
    height: 24px; 
    vertical-align: middle;
}
.navLink {
    color: lime;
    text-decoration: none;
    width: 100%;
}

/*
============================================================================
============================================================================
body styles
============================================================================
============================================================================
*/
#idBodyWrapper {
}
#idBodyButtons {
    padding-left: 1em;
}
#idBodyButtons .navButton {
    padding-bottom: 0.2em;
}
#idBodyTitle{
    height:22px;
    width: 100%;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    border-top: 1px solid lightblue;
    border-bottom: 1px solid lightblue;
    clear: both;
}
#idBodyTitleText {
    color: black;           /* set it's color */
    font-size: 138.5%;      /* about 18 pt */
    font-weight: bold;
    margin-left: .5em;      /* give the title a little left margin */
    float: left;
}
#idBodyTitleExtra {
    color: black;           /* set it's color */
    font-size: 93%;         /* about 12 pt */
    font-weight: normal;
    margin-right: .5em;     /* give the title a little left margin */
    float: right;
}
#idBody{
    width: 100%;
    padding-top: 0.5em;
    padding-bottom: 0.2em;
    padding-left: 0em;
    padding-right: 0em;
}

/*
============================================================================
============================================================================
footer styles
============================================================================
============================================================================
*/
#idFooterWrapper{
    background: url(/static/img/footergrad2.png);
    padding: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 100%;
    font-family: Georgia, serif; 
    font-weight: normal; 
    color: indigo; 
    font-size: 10pt;
    text-align: center;
    height:25px
}

/*
============================================================================
============================================================================
YUI style adjustments
   margin and padding on body element can introduce errors in 
   determining element position and are not recommended;
   we turn them off as a foundation for YUI
   CSS treatments. 
   
   Set text-align left since YUI default is center.
============================================================================
============================================================================
*/
body {
    width: 99%;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    text-align: left;
    font-size: 93%;
}
/* make the resize handles a bit more prominent */
.yui-resize-handle-tr {
    background-color: red;
}
.yui-resize-handle .yui-resize-handle-br {
    background-color: red;
}
/* set background color for tool tips */
.yui-skin-sam .yui-tt .bd {
    background-color: LightYellow;
}
/* Style our log messages */
.yui-log .todo {background-color: yellow;}
.yui-log .dbg {background-color: red;}
/* 
============================================================================
============================================================================
tables
============================================================================
============================================================================
*/
/* base for most tables */
table.base {
    border-width: 2px 2px 2px 2px;
    border-spacing: 1px;
    border-style: outset outset outset outset;
    border-color: blue blue blue blue;
    border-collapse: separate;
    background-color: white;
}
table.base th {
    border-width: 1px 1px 1px 1px;
    padding-left: 0.4em;
    padding-right: 0.6em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    border-style: inset inset inset inset;
    border-color: gray gray gray gray;
    background-color: lightskyblue;
}
table.base td {
    border-width: 1px 1px 1px 1px;
    padding-left: 0.4em;
    padding-right: 0.6em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    border-style: inset inset inset inset;
    border-color: gray gray gray gray;
    background-color: white;
}

/* no border */
table.noborder{
    border-width: 0px 0px 0px 0px;
    border-spacing: 0px;
    border-style: none none none none;
    border-color: black black black black;
    border-collapse: separate;
}
table.noborder th {
    border-width: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-style: none none none none;
    border-color: black black black black;
}
table.noborder td {
    border-width: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-style: none none none none;
    border-color: black black black black;
}
/* 1px solid black border */
table.border1 {
    border-width: 1px 1px 1px 1px;
    border-spacing: 0px;
    border-style: solid solid solid solid;
    border-color: black black black black;
    border-collapse: collapse;
}
table.border1 th {
    border-width: 1px 1px 1px 1px;
    padding: 0px 0px 0px 0px;
    border-style: solid solid solid solid;
    border-color: black black black black;
}
table.border1 td {
    border-width: 1px 1px 1px 1px;
    padding: 0px 0px 0px 0px;
    border-style: solid solid solid solid;
    border-color: black black black black;
}
